<template>
  <div class="fans">
    <listuser :list="list" types="fans"></listuser>
  </div>
</template>

<script>
import { fans } from '../../../../api/blog'
import listuser from '../../../../components/listuser'

export default {
  components: {
    listuser
  },
  data () {
    return {
      list: []
    }
  },
  methods: {
    run() {
      fans({}).then(res => {
        this.list = res.data.list

        this.$store.commit('updateMyFansLength', this.list.length)
      })
    },
    
  },
  created() {
    this.run()
  }
  
}
</script>

<style lang="scss" scoped>
.fans {
}
.fans-div{
  height: 60px;
  border-radius: 30px;
  background-color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  .left{
    display: flex;
    align-items: flex-start;
    .left-left{
      
      .img{
        width: 40px;
        height: 40px;

      }
    }
    .left-right{
      margin-left: 20px;
    }
  }
}
</style>